/*全局变量*/
:root {
    /* === 主色调（Primary）=== */
    --color-primary: #2F80ED; /* 主题主色 */
    --color-primary-hover: #5393F3; /* 悬浮/点击时更深一点 */
    --color-primary-active: #1C6DD0; /* 比 hover 更深，建议用于 active 状态 */
    --color-primary-light: #E8F0FE; /* 淡蓝背景，比如标签或选中底色 */
    --color-primary-text: #FFF;
    --color-primary-border: #B2D1FB; /* 用于边框或较轻的元素 */

    /* === 默认、成功、警告、错误、信息色 === */
    --color-default:  #FFF;
    --color-default-hover: #EFEFEF; /* 悬浮，提亮 */
    --color-default-active: #EFEFEF; /* 点击，加深 */
    --color-default-light: #EFEFEF;
    --color-default-text: #4f5b69;

    --color-success: #27AE60;
    --color-success-hover: #43B97F; /* 悬浮，提亮 */
    --color-success-active: #1E874A; /* 点击，加深 */
    --color-success-light: #E9F7EF;
    --color-success-text: #FFF;

    --color-warning: #F39C12;
    --color-warning-hover: #F5B041; /* 悬浮，偏亮橘 */
    --color-warning-active: #D78C0D; /* 点击，加深 */
    --color-warning-light: #FFF4E5;
    --color-warning-text: #FFF;

    --color-danger: #EB5757;
    --color-danger-hover: #F06E6E; /* 悬浮，略亮 */
    --color-danger-active: #C0392B; /* 点击，加深 */
    --color-danger-light: #FDEDEC;
    --color-danger-text: #FFF;

    --color-info: #3498DB;
    --color-info-hover: #5DADE2; /* 悬浮，提亮 */
    --color-info-active: #2C80B4; /* 点击，加深 */
    --color-info-light: #EBF5FB;
    --color-info-text: #FFF;

    /* === 辅助色（Secondary）=== */
    --color-secondary: #6C5CE7; /* 辅助色（紫蓝调） */

    /* === 背景色与边框 === */
    --color-bg: #F8F9FA; /* 页面背景色 */
    --color-bg-soft: #F5F5F5; /* 卡片、表单背景等 */
    --color-border: #E0E0E0; /* 边框分割线颜色 */

    /* === 文字颜色 === */
    --color-text-main: #333333; /* 主要文字 */
    --color-text-sub: #666666; /* 副标题/次要文字 */
    --color-text-disabled: #BDBDBD; /* 禁用文字 */
    --color-link: var(--color-primary); /* 链接颜色 */
}

/* 对于 WebKit 浏览器：Chrome / Edge / Electron 等 */
::-webkit-scrollbar {
    width: 0;
    height: 0;
}

/* Firefox 浏览器 */
* {
    scrollbar-width: none;       /* Firefox 隐藏滚动条 */
    -ms-overflow-style: none;    /* IE 和 Edge（旧）隐藏滚动条 */
}

::-webkit-scrollbar-track {
    background: transparent; /* 轨道背景透明 */
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2); /* 滑块半透明 */
    border-radius: 6px;
    transition: background-color 0.3s;
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.3);
}

/*浏览器自动填充的表单样式*/
input:-webkit-autofill {
    background-color: transparent !important;
    transition: background-color 5000s ease-in-out 0s; /* 避免闪现 */
}

/*针对icon设置样式*/
svg.icon {
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    /*不填充图形的内部区域填充色，如果svg是填充线svg，则需要在svg里面单独设置fill属性*/
    fill: none;
    /*设置描边颜色（轮廓线的颜色）为当前字体颜色*/
    stroke: currentColor;
    /*设置轮廓线的粗细为 2 像素*/
    stroke-width: 2px;
}